<!DOCTYPE html>
Tests color of caret changes with the 'color' style. Passes if caret is always in the came color as the text.
<input id="target" type="text" value="SAMPLE" style="color: red; font-size: 30px; width: 200px">
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
target.focus();
if (window.testRunner) {
  testRunner.waitUntilDone();
  runAfterLayoutAndPaint(function() {
    target.style.color = 'green';
    testRunner.notifyDone();
  });
} else {
  // For manual testing.
  setInterval(function() {
    target.style.color = target.style.color == 'green' ? 'red' : 'green';
  }, 1300);
}
</script>
